<template>
    <ul :style={background:col}>
        <li>HELLO,WORLD</li>
        <li>HELLO,WORLD</li>
        <li>HELLO,WORLD</li>
        <li>HELLO,WORLD</li>
        <li>HELLO,WORLD</li>
    </ul>
    <ul :style=OBJ>
        <li>HELLO,WORLD</li>
        <li>HELLO,WORLD</li>
        <li>HELLO,WORLD</li>
        <li>HELLO,WORLD</li>
        <li>HELLO,WORLD</li>
    </ul>
</template>

<script setup>
    import { ref } from 'vue';
    let col=ref('green')
    let OBJ=ref({
        color:'red',
        background:'blue'
    })
</script>

<style scoped>

</style>